.bigCircle{
    left: 50%;
    margin-left: -5rem;
    border-color: #bbbbbb;
    height: 10rem;
    width: 10rem;
    border-width: 1px;
    border-radius: 5rem;
    border-style: solid;
}

.smallCircle{
    height:1rem;
    width:1rem;
    border-width: 1px;
    border-radius: 0.5rem;
    border-style: solid;
    -webkit-transition: background-color 3000ms,border-color 3000ms;
    -moz-transition: background-color 3000ms,border-color 3000ms;
    -ms-transition: background-color 3000ms,border-color 3000ms;
    -o-transition: background-color 3000ms,border-color 3000ms;
    transition:background-color 3000ms,border-color 3000ms;


}

.circleGrey{
    border-color: #efefef;
    background-color: #efefef;
}

.circleDiv{
    height:12rem;
}

.circleDiv div{
    margin-top: 1rem;
}

.circle{
    position:absolute;
}
.circle1{
    /*left: 50%;
    top: 0.15rem;
    margin-left: -0.5rem;*/
    top: 3.5rem;
    left: 50%;
    margin-left: 4.2rem;
}
.circle2{
    /*top: 3.5rem;
    left: 50%;
    margin-left: -5.3rem;*/
    top: 9rem;
    left: 50%;
    margin-left: 2.5rem;

}
.circle3{
    /*top: 3.5rem;
    left: 50%;
    margin-left: 4.2rem;*/
    top: 9rem;
    left: 50%;
    margin-left: -3.5rem;
}
.circle4{
   /* top: 9rem;
    left: 50%;
    margin-left: -3.5rem;*/
    top: 3.5rem;
    left: 50%;
    margin-left: -5.3rem;
}
.circle5{
  /*  top: 9rem;
    left: 50%;
    margin-left: 2.5rem;*/
    left: 50%;
    top: 0.15rem;
    margin-left: -0.5rem;
}

.greyTitle{
    color: #efefef;
}

.circleTitle1{
    /*left: 50%;
    top: 0.15rem;
    margin-left: -5rem;*/
    top: 3.5rem;
    left: 50%;
    margin-left: 5.5rem;
}
.circleTitle2{
   /* top: 3.5rem;
    left: 50%;
    margin-left: -9.5rem;*/
    top: 9rem;
    left: 50%;
    margin-left: 4rem;
}
.circleTitle3{
   /* top: 3.5rem;
    left: 50%;
    margin-left: 5.5rem;*/
    top: 9rem;
    left: 50%;
    margin-left: -8rem;
}
.circleTitle4{
    /*top: 9rem;
    left: 50%;
    margin-left: -8rem;*/
    top: 3.5rem;
    left: 50%;
    margin-left: -9.5rem;
}
.circleTitle5{
  /*  top: 9rem;
    left: 50%;
    margin-left: 4rem;*/
    left: 50%;
    top: 0.15rem;
    margin-left: -5rem;
}

.r1Risk{
    border-color:#009a3d;
    background-color: #009a3d;
    color:#009a3d;
}

.r2Risk{
    border-color:#f39700;
    background-color: #f39700;
    color:#f39700;
}
.r3Risk{
    border-color:#eb6000;
    background-color: #eb6000;
    color:#eb6000;
}
.r4Risk{
    border-color:#f73b31;
    background-color: #f73b31;
    color:#f73b31;
}
.r5Risk{
    border-color:#cc0019;
    background-color: #cc0019;
    color:#cc0019;
}

.transparentBackground{
    border-style: none;
    background-color: transparent;
}


